/**
* Created by L on 2017/5/26.
*/
var url="http://47.93.233.182/";
window.onload=function () {

    //亮点列表
    $.ajax({
        url:url+"/getHeighLightList",
        type:'GET',
        dataType:'JSON',
        success:function (text) {
            //创建亮点list
            LightList(text);
        },
        error:function () {

        }
    });









    var aboutcompany_id=getQueryString("aboutcompany_id");
    articeShows(aboutcompany_id);


};

function moreArticle() {

    if($('#articleText').height()>$('#leftContent').height()){
        //document.getElementById("jiahao").style.display='block';
        $('#jiahao').css({
            'display':'block',
            'opacity':'1'
        });
        document.getElementById("jiahao").onclick=function () {

        this.style.transform="rotate("+360+"deg)";
        var a=setTimeout(function () {
            document.getElementById("jiahao").style.opacity=0;
        },200);
        var b=setTimeout(function () {
            document.getElementById("jiahao").style.display="none";
            // document.getElementById("leftContent").style.height=100+"%";
            $("#leftContent").css({
                height:'100%'
            });

        },1200);
        var c=setTimeout(function () {
            clearTimeout(a);
            clearTimeout(b);
            clearTimeout(c);
            var aa=$("#leftContent").height();
            $("#rightNav").height(aa);
        },1400)

    };
    }else{

        document.getElementById("jiahao").style.display='none';
    }
}





function putInArticle(text){
    $("#articleText").html(text.data[0].aboutcompany_content);
    $("#articleTime").html(text.data[0].time);
    $("#articleTitle").html(text.data[0].title);

    //写个正则
    var images=$("#articleText img");
    for(var i=0;i<images.length;i++){
        var src=images.eq(i).attr("src");
        images.eq(i).attr("src",url+src);
    }

    //判断是否有更多内容
    moreArticle();
}


//亮点list
function LightList(text) {

    var text=text;
    var rightNav=document.getElementById("rightNav");
    var maxLength=25;//每页最大条数
    var len=text.data.length;

    for(var i=0;i<len;i++){

        var p3=document.createElement("p");
        p3.setAttribute("class","blueTitle");
        p3.setAttribute("value",text.data[i].aboutcompany_id);
        rightNav.appendChild(p3);


        var p4=document.createElement("p");
        p4.setAttribute("class","grayContent");
        p4.setAttribute("value",text.data[i].aboutcompany_id);
        rightNav.appendChild(p4);

        (function () {
            var z=i;
            $(".blueTitle").eq(z).click(function () {
                document.getElementById("leftContent").style.height='2000px';
                document.getElementById("rightNav").style.height='2000px';
                var index=$(this).index();
                index=(index+1)/2-1;
                var val= document.getElementsByClassName("blueTitle")[index].getAttribute("value");

                articeShows(val);
                moreArticle();
            });
            $(".grayContent").eq(z).click(function () {
                document.getElementById("leftContent").style.height='2000px';
                document.getElementById("rightNav").style.height='2000px';
                var index=$(this).index();
                index=index/2-1;
                var val= document.getElementsByClassName("grayContent")[index].getAttribute("value");
                articeShows(val);
                moreArticle();
            });
        })()
    }


    if(len<=maxLength){
        for(var i=0;i<len;i++){
            $(".blueTitle").eq(i).text(text.data[i].title);
            $(".grayContent").eq(i).text(text.data[i].other);

        }
    }else{
        SlipePage(text,maxLength,len);//分页
    }
}

//分页
function SlipePage(text,maxLength,len) {
    var a=len/maxLength;
    a=Math.ceil(a);
    var ul=document.getElementById("page");
    if(a<=5){
        //打印出P标签 第一页加载
        for(var i=0;i<maxLength;i++){
            $(".blueTitle").eq(i).text(text.data[i].title);
            $(".grayContent").eq(i).text(text.data[i].other)
        }
        for(var b=1;b<=a;b++){
            var li=document.createElement("li");
            li.setAttribute("class","pageLi");
            ul.appendChild(li);
            $(".pageLi").eq(b-1).html(b);

            (function () {
                var c=b;
                $(".pageLi").eq(c-1).click(function () {
                    var num=$(this).html();
                    var before=$(".on").eq(0).html();
                    $(".pageLi").eq(before-1).removeClass("on");
                    $(this).addClass("on");

                    //移除p标签
                     $(".blueTitle").empty();
                     $(".grayContent").empty();

                    //显示内容
                    shows(num,maxLength,text);


                })
            })()
        }
    }else{
        for(var i=0;i<maxLength;i++){
            $(".blueTitle").eq(i).text(text.data[i].title);
            $(".grayContent").eq(i).text(text.data[i].other)
        }
        for(var b=1;b<=5;b++){
            var li=document.createElement("li");
            li.setAttribute("class","pageLi");
            ul.appendChild(li);
            $(".pageLi").eq(b-1).html(b);
            (function () {
                var c=b;
                $(".pageLi").eq(c-1).click(function () {
                    //console.log($(this).index());
                    var index=$(this).index();
                    var mmm=$(".pageLi");
                    $(".on").removeClass("on");
                    if(index>2&&(mmm.eq(4).html())*1+2<=a){

                        for(var i=0;i<5;i++){
                            var flag=$(".pageLi").eq(i).html();
                            var num1=flag*1+(index-2)*1;
                            $(".pageLi").eq(i).html(num1);
                        }
                        $(".pageLi").eq(2).attr({
                            "class":"on pageLi"
                        });
                        var page1=$(".on").eq(0).html();
                        $(".blueTitle").empty();
                        $(".grayContent").empty();
                        for(var i=(page1-1)*maxLength;i<page1*maxLength&&i<=text.data.length-1;i++){
                            //console.log(i);
                            document.getElementsByClassName("blueTitle")[i].innerText=text.data[i].title;
                            document.getElementsByClassName("grayContent")[i].innerText=text.data[i].other;

                        }
                    }else if(index>2&&($(".pageLi").eq(4).html())*1+2>a){

                        $(".pageLi").eq(4).html(a);
                        $(".pageLi").eq(3).html(a-1);
                        $(".pageLi").eq(2).html(a-2);
                        $(".pageLi").eq(1).html(a-3);
                        $(".pageLi").eq(0).html(a-4);
                        $(".pageLi").eq(index).attr({
                            "class":"on pageLi"
                        });
                        var page1=$(".on").eq(0).html();
                        $(".blueTitle").empty();
                        $(".grayContent").empty();
                        for(var i=(page1-1)*maxLength;i<page1*maxLength&&i<=text.data.length-1;i++){
                            //console.log(i);
                            document.getElementsByClassName("blueTitle")[i].innerText=text.data[i].title;
                            document.getElementsByClassName("grayContent")[i].innerText=text.data[i].other;

                        }
                    }else if(index<2&&($(".pageLi").eq(0).html())*1>3){

                        for(var i=0;i<5;i++){
                            var flag1=$(".pageLi").eq(i).html();
                            var num2=flag1*1+(index-2)*1;
                            $(".pageLi").eq(i).html(num2);
                        }
                        $(".pageLi").eq(2).attr({
                            "class":"on pageLi"
                        });
                        var page1=$(".on").eq(0).html();
                        $(".blueTitle").empty();
                        $(".grayContent").empty();
                        for(var i=(page1-1)*maxLength;i<page1*maxLength&&i<=text.data.length-1;i++){
                            //console.log(i);
                            document.getElementsByClassName("blueTitle")[i].innerText=text.data[i].title;
                            document.getElementsByClassName("grayContent")[i].innerText=text.data[i].other;

                        }
                    }else if(index<2&&($(".pageLi").eq(0).html())*1<=3){
                        $(".pageLi").eq(4).html(5);
                        $(".pageLi").eq(3).html(4);
                        $(".pageLi").eq(2).html(3);
                        $(".pageLi").eq(1).html(2);
                        $(".pageLi").eq(0).html(1);
                        $(".pageLi").eq(index).attr({
                            "class":"on pageLi"
                        });
                        var page1=$(".on").eq(0).html();
                        $(".blueTitle").empty();
                        $(".grayContent").empty();
                        for(var i=(page1-1)*maxLength;i<page1*maxLength&&i<=text.data.length-1;i++){
                            //console.log(i);
                            document.getElementsByClassName("blueTitle")[i].innerText=text.data[i].title;
                            document.getElementsByClassName("grayContent")[i].innerText=text.data[i].other;

                        }
                    }else if(index==2){
                        $(".pageLi").eq(index).attr({
                            "class":"on pageLi"
                        });
                        var page1=$(".on").eq(0).html();
                        $(".blueTitle").empty();
                        $(".grayContent").empty();
                        for(var i=(page1-1)*maxLength;i<page1*maxLength&&i<=text.data.length-1;i++){
                            //console.log(i);
                            document.getElementsByClassName("blueTitle")[i].innerText=text.data[i].title;
                            document.getElementsByClassName("grayContent")[i].innerText=text.data[i].other;

                        }
                    }
                })
            })()
        }
    }
    $(".pageLi").eq(0).attr({
        "class":"on pageLi"
    });
}


//内容显示
function shows(num,maxLength,text) {
    for(var i=(num-1)*maxLength;i<num*maxLength&&i<=text.data.length-1;i++){
        //console.log(i);
        document.getElementsByClassName("blueTitle")[i].innerText=text.data[i].title;
        document.getElementsByClassName("grayContent")[i].innerText=text.data[i].other;

    }
}


//文章在页面展示
function articeShows(aboutcompany_id) {


    $.ajax({
        url:url+"/getHeighLightInfo",
        type:'GET',
        dataType:'JSON',
        data:{
            aboutcompany_id:aboutcompany_id
        },
        success:function (text) {
            //文章放置在页面上
            putInArticle(text);
            moreArticle();
        },
        error:function () {

        }
    });
}

//获取url信息
function getQueryString(name) {
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }else{
        return null;
    }
}